/*
   style.css
   phpweb
   
   Created by WillLee on 2011-06-28.
   Copyright 2011 lishuzu. All rights reserved.
*/
/******************************header************************/
#header{
	color:#ffffff;
	width:100%;
	height:110px;
	background:url("../images/top_bg.gif") repeat scroll 0 0 transparent;
}
#header .account{
	float:right;
	text-align: right;
	height: 30px;
	margin-top: 10px;
}
#header .account a{
	float:right;
	padding: 0 15px;
	text-align: center;
	text-decoration: none;
	color: #CCCCCC;
}

#header .account a:hover{
	float:right;
	padding: 0 15px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}

#header .menu{
	float:right;
	color:#999999;
	height: 70px;
    text-align: right;
}
#header .menu ul{
	float:right;
    text-align: right;
}
#header .menu ul li{
    margin-top: 20px;
    color: white;
    float: left;
    height: 30px;
    list-style-type: none;
    text-align: center;
}
#header .menu .menuitem{
	color: white;
	float: left;
	text-decoration: none;
	font-size:15px;
	width: 70px;
	line-height: 45px;
}


#header .menu .menuitem:hover{
	background-color: #999999;
}

#header .menu .active{
	background-color: #32a3fa;
}


#header .headerbar{
	
}
#header .headerwarp{
	color:#A4A4A4;
}
#header a{
	color:#FFFFFF;
}
.logo{
}
/******************************main************************/
#main{
	padding: 25px 0 50px;
}
.main_box{
	margin:0;
	border-radius:2px;
}

.box{
	border-radius: 3px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

.set_box{
	background-color: #FFFFFF;
	border-radius: 3px;
}



.sidebar{
	float:right;
	margin-left:0px;
	background-color: #ffffff;
	padding: 10px;
}
.headbox{
	display: inline;
	float:left;
	border: 2px solid #AED9FF;
	border-radius: 2px 2px 2px 2px;
	background-color: #FFFFFF;
	width:626px;
	margin:0 5px 10px 5px;
}
/******************************talk*************************/
.dayetalk textarea{
	border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    height: 30px;
    overflow: hidden;
    padding: 5px;
    vertical-align: bottom;
    width: 578px;
	color:#999999;
}
.dayetalk .talkbtn{
	float:right;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.dayetalk .tuijian{
	float:left;
	margin:10px 0px 0px 0px;
}
.dayetalk .tuijian a{
	font-size:12px;
	color: #336699;
    text-decoration: none;
}
.dayetalk .tuijian a{
	color: #336699;
    text-decoration: none;
}
.dayetalk .tuijian a:hover{
	background:#003399;
	color:#FFFFFF;
}
.dayetalk .talkbtn input{
	border: 0 none;
	border-radius: 2px 2px 2px 2px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12pX;
	height: 25px;
	padding: 2px 14px;
	background-color: #32A3FA;
}
.dayetalk .talkmsg{
	float:left;
    padding-top: 4px;
	font-size:16px;
}

/******************************setting************************/

.setting{
	color: #FFFFFF;
}


/******************************work************************/
.workbox{
	border-radius:10px;
	background-color: #FFFFFF;
}

.uploadbox{
	padding: 10px;
	background-color: #DDEBFF;
	margin:10px 10px;
}

.up_button{
	padding: 10px;
	cursor: pointer;
	width: 300px;
}

.workbox .work{
	margin-left:5px;
	padding:2px;
	margin-top:10px;
	width:600px;
	border:1px solid #848484;
	border-radius:5px;
}
.workbox .desc{
	color:#666666;
}
.workbox .copyright{
	color:#515151;
}
.workbox .share{
	padding-left:10px;
	text-align:left;
}
.plusone{
	border:1px solid black;
	width:70px;
	height:16px;
	display:inline;
}
.shareButton{
	padding-left:2px;
	width:20px;
	height:20px;
}
.shareButton a:hover{
	text-decoration: none;
}
.workbox .toolbar{
	padding:10px 0px;
	color:#999999;
}
.workbox .toolbar .workcountnum{
	float:right;
}

.workbox .toolbar .workcountnum a{
	color:#999999;
	text-decoration: none;
}

.workbox .toolbar .workcountnum a:hover{
	color:#333333;
	text-decoration: none;
}

.shopinfo{
	font-size:20px;
	font-weight:bold;
}
.shopinfo .gobuy{
	margin:0;
	text-align:center;
	font-size:40px;
	width:270px;
	height:61px;
	background:url("../images/buy_btn_bg.gif");
}
.shopinfo .gobuy a{
	color:#FFFFFF;
}

/******************************footer************************/
#footer{
	padding: 20px 15px 20px 0;
	color: #999999;
}
#footer a{
    text-decoration: none;
	color:#999999;
}
.footline{
	background-repeat: no-repeat;
	height:37px;
	background-position: center center;
}

html > body .footline{
	background-repeat: no-repeat;
	background-image:url("../images/footer_line.png");
}

* .footline{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../../resources/images/footer_line.png")
}
#footer .right{
	text-align:right;
}
#footer .right .item{
	margin-right:0px;
	float:right;
	text-align:right;
}
/******************************avatar************************/
#myavatar{
	height:180px;
}
/******************************userinfo************************/
.userinfo{
	font-weight:bold;
	color:#666666;
}
.userinfo .avatar{
	float:left;
	width:132px;
	margin-right:10px;
	display:inline;
}
.userinfo .avatar img{
	padding:5px;
	float:left;
	margin-left:0px;
	text-align:center;
	width:120px;
	border:1px solid #DDDDDD;
	border-radius:5px;
}
.userhead{
	font-weight:bold;
	color:#666666;
	font-size:14px;
}
.userinfo .atten{
	margin-top:20px;
	padding-bottom:50px;
}
.userinfo .atten a{
	color:#666666;
	font-size:15px;
	text-decoration: none;
}

.userinfo .atten ul{
	
}

.userinfo .atten li{
	border-radius:3px;
	border-right-width: 1px;
	float: left;
	line-height: 1.6em;
	min-width: 50px;
	padding:5px;
	white-space: nowrap;
	margin:2px;
	text-align:center;
	display: block;
}

.userinfo .atten li:hover{
	background-color: #0099FF;
	color: #FFFFFF;
    cursor: pointer;
}

.userinfo .atten li:hover a{
	color:#FFFFFF;
}
.userinfo .atten p{
	margin:0;
}

.itembox{
	display: inline;
    float: left;
	width:245px;
	margin:10px 0px;
}
.itembox h6{
	padding:5px 5px 5px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0F0F0;
}
.avatar50{
	width:56px;
	float:left;
	background-color: #FFFFFF;
}
.avatar img{
	margin-left:5px;
	padding:5px;
	float:left;
	text-align:center;
	width:120px;
	border:1px solid #DDDDDD;
	border-radius:5px;
	background-color: #FFFFFF;
}

.avatar50 img{
	padding:2px;
	text-align:center;
	width:50px;
	height:50px;
	border:1px solid #DDDDDD;
	border-radius:3px;
	background-color: #FFFFFF;
}

.avatar img:hover, .avatar50 img:hover{
	border:1px solid #0099FF;
}

.following{
	margin:10px;
}

.follow{
	background-color: #EEEEEE;
	border: 1px solid #D7D7D7;
	height: 23px;
	margin-top:20px;
	padding: 5px;
	width: 58px;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.following_txet{
	line-height: 50px;
	color: #333333;
}
.following_txet a{
	color: #333333;
	font-size: 14px;
}


/******************************following页面************************/
.followinglist a, .fanlist a{
	color:#000000;
    text-decoration: none;
	font-size:15px;
}
.followinglist .following, .fanlist .fan{
	border-top:1px solid #D4D4D4;
	padding:10px 0px 10px 0px;
	text-align:left;
}

.fan{
	margin:10px;
}

.likelist .likeitem{
	padding:10px;
	height:150px;
}

/******************************form************************/
.textinput{
	color: #666666;
    font-size: 14px;
    height: 30px;
    width: 275px;
}
.error{
	color:#FF0000;
}
/*用于表单的表格*/
.formtable {
	width: 100%;
	font-size:14px;
	color: #333333;
}
.formtable th {
	text-align:left;
	font-weight: bold;
	color: #999999;
}
	.formtable th, .formtable td { padding: 0.5em 0; vertical-align: top; line-height:1.5em; }
		.formtable td th, .formtable td td { border: none; }
			.formtable .textinput{ color: #666666;font-size: 14px;height: 30px; width: 360px; }
			.formtable .areainput{ color: #666666;font-size: 14px;height: 100px; width: 360px; }
			@-moz-document url-prefix(){.formtable .areainput{color: #666666;font-size: 14px;}}

			

/*分页*/
.pages { margin-top: 10px; }
	.pages * { float: left; padding: 0 4px; border: 1px solid #CDCDCD; margin-right: 5px; background: #FFF; font-style: normal; }

.footactions { margin-bottom: 10px; padding-top: 0.4em; padding-bottom: 0.4em; }
	.topactions a { font-size: 14px; font-weight:bold; padding: 0.5em; border-top: 1px solid #FF8E00; border-right: 1px solid #FF8E00; border-left: 1px solid #FF8E00; background: #FCF9E6; }

.footactions { margin: 0 0 1em; padding: 0.5em; border-top: 0px; text-align:center; }
	/*\*/ * html .footactions { height: 1%; } /**/ * > .footactions { overflow: hidden; }
	.footactions .pages { float: right; }
	
	
/*************************************************TABS HEADER***/
.tabs_header { margin-bottom: 15px; height: 31px; border-bottom:1px solid #BFBFBF; clear: both; overflow: hidden; }

.tabs_header ul.tabs li a,
.tabs_header ul.tabs li a span{ display: block;  text-decoration: none;}
        .tabs_header ul.tabs { position: absolute; z-index: 10; }
            .tabs_header ul.tabs li { float: left; margin: 0 1px 0 0; display: inline; }
                .tabs_header ul.tabs li a { float: left; padding: 0 0 0 10px; height: 30px; background-position: left top;  }
                    .tabs_header ul.tabs li a span { padding: 9px 10px 7px 0; background-position: right top; font-size: 14px; line-height: 14px; }
                        .tabs_header ul.tabs li a span img{ vertical-align: middle; }

            .tabs_header ul.tabs li.active a { float: left; padding: 0 0 0 10px; height: 30px; background: #FFFFFF; color: #000; display: block; border-color: #999999 #999999 #FFFFFF;border-style: solid;border-width: 1px;font-weight: bold;}
                .tabs_header ul.tabs li.active a span { padding: 9px 10px 7px 0; background: #FFFFFF; line-height: 14px; display: block; }
            .tabs_header ul.tabs li.null { margin: 0 0 0 15px; padding: 0 0 0 25px; height: 25px; background: url(image/add_button.gif) no-repeat 0 0; line-height: 24px; }
                .tabs_header ul.tabs li.null a { padding: 0 10px 0 0; height: 25px; background: url(image/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; }

.c_header { margin: 0 0 10px; width: 100%; line-height: 26px; overflow: hidden; }
    .c_header .avatar48 { float: left; margin: 0 10px 0 0; }
h2.title { margin: 0 0 20px; font-size: 14px; }
h2.title img { margin: 0 5px 0 0; vertical-align: middle; }
/*************************************************SEARCH***/
.searchbar{
	padding:20px 0px;
	border-bottom:1px solid #999999;
}
.searchbar .searchkey{
	color: #666666;font-size: 14px;height: 30px;width: 390px;
}
.searchbar .searchsubmit{
	background: none repeat scroll 0 0 #666666;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 37px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 0 10px;
}

.headsearchbar{
	padding-top:11px;
}
.headsearchbar .searchkey{
	float:left;color: #666666;font-size: 10px;height: 13px;width: 144px;background:#cccccc;
}

.headsearchbar .searchsubmit{
	float:left;
	background: none repeat scroll 0 0 #666666;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 20px;
	width:30px;
}

.searchlist{
}
.searchlist .searchitem a{
	color:#000000;
    text-decoration: none;
	font-size:15px;
}
.searchlist .searchitem{
	border-bottom:1px solid #999999;
	padding:10px 0px;
}
.searchitem .work_small img{
	width:150px;
	height:150px;
	padding: 2px;
	border: 1px solid #DDDDDD;
}
.searchlist .workinfo{
	height:150px;
}
.searchlist .workinfo .title{
	overflow: hidden;
	padding:15px 0px;
	height:50px;
}
.search_all_userlist{
	padding:30px 0px;
	background:#F4F9FD;
}
/***************************COLOR*************************************/
.gray { color: #999; font-weight: normal; }
.red { color: #FF0000; font-weight: bold; }
.tag a{
	color: #548cc8;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
	padding:0px 5px;
}
.o {
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 0 0 3px;
    padding: 1px 5px;
    vertical-align: top;
	border-radius: 30px 30px 30px 30px;
}
.ored{
    background: none repeat scroll 0 0 #C3412F;
}
.oblue{
   background: none repeat scroll 0 0 #32A3FA;
}
.more{
	 float: right;
	 height: 28px;
	 line-height: 28px;
	 padding-right: 20px;
	 text-align: right;
	font-size:13px;
}
.errornotice{
	padding:10px 5px;
	color:#515151;
}
/******************************showmessage********************************/
.showmessage { margin: 50px auto; width: 400px; background: #FFFFFF; border:1px solid #9BD4FF;text-align:center;color:#32A3FA;}
.showmessage a{color:#32A3FA;}
    .showmessage h2 { font-size: 14px;color:#000000;}
    .showmessage .ye_l_b { padding: 15px 20px 20px; }
    .showmessage p { padding: 1em 1em;  font-size: 14px; overflow: hidden; }
    .showmessage .op { font-size: 12px; text-align: right; }

/***************************Feed*************************************/
s_clear {
    display: block;
}
.feed li.magichighlight{ background: #FFC; padding: 10px 10px 10px 30px; }

.feed_header { position: relative; padding: 5px 10px 0 15px; height: 30px; background: url(image/c_title.gif) no-repeat; line-height: 20px; }
.feed_header .active{ font-weight: bold; }
.feed { margin: 0 0 20px; width: 100%; line-height: 20px; overflow: hidden; }
  .feedtime { margin: 20px 0 10px; color: #000; }
  .feed li { padding: 10px 0px; border-bottom: 1px solid #F4F4F4; list-style: none outside none; margin:0 10px;}

    .feed .type { position: absolute; margin: 1px 0 0 -20px !important; margin: 3px 0 0 -20px;}
    .feed_content img { max-width: 70px; max-height: 100px; }
  * html .feed_content img { width: expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); height: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true); }
    .feed .detail { padding: 10px 0 0; color: #999; }
    .feed a img.summaryimg { float: left; margin: 10px 10px 10px 0; padding: 2px; border: 1px solid #DDD; }
      .feed a img.summaryimg:hover { border-color: #DDD; }

     .hotspot{ float: right; margin: 10px 0 0 10px; width: 55px; height: 50px; }
     .hotspot a{ display: block; padding: 0 0 20px; height: 30px; text-align: center; line-height: 30px; background: url('image/hotspot.gif'); font-size: 16px; color: #F60;}

.feedread { color: #CCC; }
	.feedread * { color: #CCC; }
	.feedread .detail { color: #CCC; }
	.feedread .quote .q { color: #CCC; }

.feedcomment { margin: 0 5em 0 0; padding:0.5em; background: #F7F7F7; }
	.feedcomment td { border-bottom: 1px solid #FFF; }

.feedop{ margin: 10px 0 0; padding: 0 0 0 20px; background: url(image/reply.gif) no-repeat 0 2px; }

.fcomment { display:none; margin: 10px 0 0; padding: 10px 0 0; width: 540px; background: #FFFFFF  no-repeat left top; color: #333; clear: both; }
    .fcomment .fc { padding: 0 10px 10px 10px; background: #FFFFFF  no-repeat left bottom; overflow: hidden; }

        .fcomment .comments_list li {list-style: none outside none; margin: 0; padding:10px 5px 15px 60px; width: auto;  line-height: 150%;}

        .fcomment .comments_list .avatar{position: absolute;display: inline; margin: 0 0 0 -60px; padding: 0; background: none;width: 50px; height: 50px;}

        .fcomment .comments_list .avatar img { width: 50px; height: 50px; }

        .fcomment .comments_list .title{ margin: 10px; }
        .feed .fcomment .detail{ padding: 0; }
		.comment_button{
			    border: 1px solid gray;
			    cursor: pointer;
			    height: 31px;
				float:right;
		}
		.comment_message{
			width:90%;
			height: 30px;
			float:left;
		}
/***************************TALK***********************************/
.talklist{
	list-style-type: none;
}
.talklist .talkitem{
	border-bottom: 1px solid #EEEEEE;
    margin: 5px 0;
    min-height: 55px;
    overflow: hidden;
    padding: 5px 0;
}
.talklist .talkitem a{
	color: #336699;
    text-decoration: none;
}

.talklist .talkitem .detail{
	
}
a.dellink:link{
    color: #BBBBBB;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
	text-decoration: none;
}
a.dellink:visited{
    color: #BBBBBB;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}
a.dellink:hover{
    background-color: #773333;
    border-color: #FF9999 #FF3333 #FF3333 #FF9999;
    border-left: 1px solid #FF9999;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
}

.float_del, .float_edit {
    background: url("../images/delete.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 14px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-indent: -999em;
    top: 0.5em;
    width: 13px;
}
.float_del:hover {
    background-position: 0 -14px;
}
/***************************notification***********************************/

.notificationlist ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.notificationlist .noticenum{
	font-size:14px;
	color:#FFFFFF;
	background-color:#0099FF;
	padding:0px 5px;
	border-radius:10px;
}
.notificationlist .item{
	border-bottom:1px solid #F0F0F0;
	width:90%;
	padding:5px 0px;
}
.notificationlist .item .title, .content{
	margin-left:60px;
}
.notificationlist .item .title a{
	font-weight:bold;
	padding: 10px 0px;
}
.notificationlist .item .title .gray{
	float:right;
}
.notificationlist .item .content{
	padding: 10px 0px;
}
/***************************PM Tmail***********************************/

.pm_list { margin: 0; padding: 0; list-style: none; }
    .pm_list li { margin: 0 0 20px; width: 100%; overflow: hidden; }	
	.pm_list .pm_c { padding: 10px; color: #444; line-height: 200%; }
/*	left*/
	.pm_list .left .pm_h { position: relative; 
		padding: 5px 0 0 15px;
		width: 500px;
		background: none repeat scroll 0 0 #F5F5F5;
		border-left: 1px solid #D3D3D3;
		border-right: 1px solid #D3D3D3;
		margin-left: 6px;
	}
	.pm_list .left .pm_body{
		float: left;
	}
	.pm_list .left .avatar { float: left; margin: 0 5px 0 0; width:70px; height:70px;}
	.pm_list .left .avatar img{float:left; width:50px; height:50px; margin-left:5px;}
	.pm_list .left .pm_top_a {
	    background: url("../images/pml.gif") no-repeat scroll 0 0 transparent;
	    font-size: 12px;
	    line-height: 15px;
	    padding-left: 10px;
	}
	.pm_list .left .pm_top_b {
		  background: url("../images/pml.gif") no-repeat scroll right top #FFFFFF;
	    padding-right: 6px;
	}
	.pm_list .left .pm_top_c{
		 background: none repeat scroll 0 0 #F5F5F5;
	    border-bottom: 5px solid #F5F5F5;
	    border-top: 1px solid #D2D2D2;
	    line-height: 6px;
	}
	.pm_list .left .pm_bot_a {
	    background: url("../images/pml.gif") no-repeat scroll left bottom transparent;
	    font-size: 5px;
	    line-height: 5px;
	}
	.pm_list .left .pm_bot_b {
	    background: url("../images/pml.gif") no-repeat scroll right bottom transparent;
	}
	.pm_list .left .pm_bot_c {
	    background: none repeat scroll 0 0 #F5F5F5;
	    border-bottom: 1px solid #D2D2D2;
	    border-top: 1px solid #F5F5F5;
	    line-height: 3px;
	    margin: 0 4px 0 10px;
	}
/*right*/
.pm_list .right .pm_h { position: relative; 
	padding: 5px 0 0 15px;
	width: 500px;
	background: none repeat scroll 0 0 #F5F5F5;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	margin-right: 6px;
}
.pm_list .right .pm_body{
	float: right;
}
.pm_list .right .avatar { float: right; margin: 0px 0px 0px 5px; width:70px; height:70px;}
.pm_list .right .avatar img{ float:right; width:50px; height:50px; margin-right:5px;}
.pm_list .right .pm_top_a {
    background: url("../images/pmr.gif") no-repeat scroll right top #FFFFFF;
    padding-right: 10px;
}
.pm_list .right .pm_top_b {
    background: url("../images/pmr.gif") no-repeat scroll 0 0 transparent;
    font-size: 12px;
    line-height: 15px;
    padding-left: 6px;
}
.pm_list .right .pm_top_c{
   background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 5px solid #F5F5F5;
    border-top: 1px solid #D2D2D2;
    line-height: 6px;
}
.pm_list .right .pm_bot_a {
    background: url("../images/pmr.gif") no-repeat scroll right bottom transparent;
}
.pm_list .right .pm_bot_b {
    background: url("../images/pmr.gif") no-repeat scroll left bottom transparent;
    font-size: 5px;
    line-height: 5px;
}
.pm_list .right .pm_bot_c {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #D2D2D2;
    border-top: 1px solid #F5F5F5;
    line-height: 3px;
    margin: 0 10px 0 4px;
}
/***************************login***********************************/
.loginheader{
	text-align:center;
	padding-top:70px;
	padding-bottom:10px;
}
.loginheader .title{
	margin-bottom:30px;
	font-size:15px;
		color:#999999;
}

.loginform{
	text-align:center;
	margin-top: 40px;
}
.step{
	text-align:center;
	margin:10px 0px 30px 0px;
	color:#999999;
}
.step img{
	width:623px;
	height:139px;
	border-radius:5px;
	padding:3px;
}
.step .title{
	margin-bottom:30px;
	font-size:15px;
}
.loginform div{
	float:none;
}
.loginform .logininput{
	width:180px;
	background-color: #888888;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 26px;
	height: 26px;
	color: #FFFFFF;
}
.loginform .loginsubmit{
	width:70px;
	height:28px;
	border:1px solid #999999;
	background-color: #CCCCCC;
}
.loginform .loginsubmit:hover{
	cursor: pointer;
}
/*****************************************index*********************************************/

.worklist{
	background-color: #FFFFFF;
}
.workitem{
	border-radius:3px;
	margin:1px;
	padding:5px;
	background-color: #F5F5F5;
	border: 2px solid #FFFFFF;
	text-align: center;
	float: left;
	width:190px;
}

.workitem:hover{
	background-color: #E3F1FD;
	border: 2px solid #0099FF;
}

.workitem .infobar{
	text-align:center;
	background-color: #FFFFFF;
	width:180px;
	margin:0px 5px;
}
.workitem .infobar .workcountnum{
	padding-left:15px;
}
.workitem .title{
	overflow: hidden;
	height:20px;
	color:black;

}
.workitem .author{
    overflow: hidden;
	height:20px;
}
.work_thumb{
	word-wrap:break-word;
	word-spacing:normal;
	background-color: #FFFFFF;
	width:180px;
	height:180px;
	margin:auto;
}
.work_thumb img { max-width: 180px; max-height: 180px; }


* html .work_thumb img{
	width: expression(this.width > 180 ? 180 : true); height: expression(this.height > 180 ? 180 : true); 
}

.searchwork .work_thumb{
	width:150px;
	height:150px;
	padding: 2px;
	border: 1px solid #DDDDDD;
}
.searchwork .work_thumb img{
	width:150px;
	height:150px;
}

.indexsidebox{
	display: inline;
    float: left;
	width:270px;
	margin-bottom:10px;
}
.indexsidebox h3{
	color:#0099FF;
	background:#FFFFFF;
	height:25px;
}
.indexsidebox .avatar50{
	width:56px;
	float:left;
	padding:5px;
}
/*******************************worktype*********************/
.worktypelist{
	background-color: #FFFFFF;
}
.worktypelist .workitem{
	margin:10px;
	padding:10px;
}

/*******************imin**************/
.bluetitle{
	color:#0099FF;
	background:#FFFFFF;
	height:25px;
}
.describe{
	word-wrap:break-word;

}
.iminbox{
	padding:20px;
}